.searchLawyer{background: url(../img/case/searchcase.jpg) no-repeat;width: 100%;height: 876px}

/* start 问律师 找律师的公共css */
.askLawyerSearch{background: #f2f2f2;overflow: hidden}
.searchItme{width: 360px;margin: 10px auto;position: relative;float: left}
.keyword-wrapper .search{width: 360px;height: 40px;line-height: 40px;padding: 0px 40px 0px 10px}
.searchIcon{text-indent: -99999;cursor: pointer; border:none;background: url(../img/question/searchIcon.png) no-repeat 10px 10px;position: absolute;width: 40px;height: 40px;right: 1px;top: 1px}

/* start 找律师单独用的 */
.searchLawyer .searchItme{width: 360px;position: relative;margin: 0 auto;margin-top: 420px;float: none}
/* end 找律师单独用的 */

/*列表公共样式*/
.sortBy{margin-bottom:20px; }
.artivleSharelist{margin-bottom: 20px;border: 1px solid #ccc;padding: 20px 10px}
.artivleSharelist dt, .artivleSharelist dd{float: left;line-height: 25px}
.artivleSharelist dd.title,.artivleSharelist dd.issuetxt{cursor: pointer}
.artivleSharelist dt{width: 150px;min-height: 140px}
.artivleSharelist dd{width: 825px}
.artivleSharelist dd.title .userinfo{float: left}
.artivleSharelist dd.title .dateType{float: right;color: #999}
.artivleSharelist dd.title .userinfo label{padding-right: 10px}
.artivleSharelist dd.title .userinfo .userName{color: #004799;font-size: 16px}
.artivleSharelist dd.issuetxt{height: 75px; margin-left: 80px; overflow: hidden}
.numlr{float: right;}
.numlr a:hover{color: #424242; }
.numlr label{padding-right: 20px;height: 35px;line-height: 35px;display: inline-block}
.numlr b.line{padding-right: 20px}
.numlr label.last{margin-right: 0px;border-right: none;padding-right: 0px}
.numlr label.readNumber{background: url(../img/question/read.png) no-repeat 0px 8px;padding-left: 37px}
.numlr label.like{background: url(../img/question/like.png) no-repeat 0px 7px;padding-left: 30px;cursor:pointer }
.numlr label.review{background: url(../img/question/review.png) no-repeat 0px 11px;padding-left: 30px}
.issuetxt,.dateTime{color: #757575; margin-left: 80px}

ul.area-wrap {position: relative;margin-top: 20px;border: 1px solid #e8e8e8;min-height: 36px;padding: 6px 0}
ul.area-wrap li {color: #555}
ul.area-wrap li:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
ul.area-wrap li span,ul.area-wrap li a,ul.area-wrap li .btn-more {float: left;margin-right: 5px;padding: 5px 8px;height: 14px;line-height: 14px}
ul.area-wrap li span {font-weight: 600;margin-right: -5px}
ul.area-wrap li a.dActive,ul.area-wrap li a:hover{background-color: #dadada;color: #fff}
ul.area-wrap li a.active,ul.area-wrap li a:hover {background-color: #004799;color: #fff}
ul.area-wrap li .btn-more {cursor: pointer;font-weight: normal;position: relative;z-index: 11;float: right;margin-top: -6px;margin-bottom: -6px;padding-top: 11px;padding-bottom: 11px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;background-color: transparent}
ul.area-wrap li .btn-more i {background: url(../img/question/more.png) no-repeat;position: absolute;top: 15px;width: 13px;height: 7px;overflow: hidden;-webkit-transition: all .4s ease 0s;-moz-transition: all .4s ease 0s;-o-transition: all .4s ease 0s;transition: all .4s ease 0s}
ul.area-wrap li .btn-more:hover {background-color: transparent;color: #555}
ul.area-wrap li .btn-more:hover i {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);animation-fill-mode: forwards}
ul.area-wrap li.li-taller {padding: 12px 16px;position: absolute;left: 0;top: 0;z-index: 10}
ul.area-wrap li.first {border-bottom: 1px dashed #e8e8e8}
ul.area-wrap .has-more {position: relative}
ul.area-wrap .has-more .more {display: none;background-color: #fff;margin-top: -1px}
ul.area-wrap .has-more .more.unfolded {display: block}
ul.area-wrap .has-more .more .other {border-top: 1px dashed #e8e8e8;padding-left: 140px}
ul.area-wrap .details {position: relative;overflow: visible}
ul.area-wrap .details li {padding: 6px 16px}

